<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>mxDragSource</title><link rel="stylesheet" type="text/css" href="../../styles/main.css"><script language=JavaScript src="../../javascript/main.js"></script><script language=JavaScript src="../../javascript/prettify.js"></script><script language=JavaScript src="../../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad();prettyPrint();"><script language=JavaScript><!--
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>

<!--  Generated by Natural Docs, version 1.51 -->
<!--  http://www.naturaldocs.org  -->

<!-- saved from url=(0026)http://www.naturaldocs.org -->




<div id=Content><div class="CClass"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="mxDragSource"></a>mxDragSource</h1><div class=CBody><p>Wrapper to create a drag source from a DOM element so that the element can be dragged over a graph and dropped into the graph as a new cell.</p><p>Problem is that in the dropHandler the current preview location is not available, so the preview and the dropHandler must match.</p><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#mxDragSource" >mxDragSource</a></td><td class=SDescription>Wrapper to create a drag source from a DOM element so that the element can be dragged over a graph and dropped into the graph as a new cell.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxDragSource.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.mxDragSource" id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">mxDragSource</a></td><td class=SDescription>Constructs a new drag source for the given element.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxDragSource.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.element" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">element</a></td><td class=SDescription>Reference to the DOM node which was made draggable.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.dropHandler" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">dropHandler</a></td><td class=SDescription>Holds the DOM node that is used to represent the drag preview. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.dragOffset" id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">dragOffset</a></td><td class=SDescription><a href="mxPoint-js.html#mxPoint" class=LClass id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">mxPoint</a> that specifies the offset of the <a href="#mxDragSource.dragElement" class=LVariable id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">dragElement</a>. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.dragElement" id=link7 onMouseOver="ShowTip(event, 'tt6', 'link7')" onMouseOut="HideTip('tt6')">dragElement</a></td><td class=SDescription>Holds the DOM node that is used to represent the drag preview. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.previewElement" id=link8 onMouseOver="ShowTip(event, 'tt7', 'link8')" onMouseOut="HideTip('tt7')">previewElement</a></td><td class=SDescription>Optional <a href="mxRectangle-js.html#mxRectangle" class=LClass id=link9 onMouseOver="ShowTip(event, 'tt8', 'link9')" onMouseOut="HideTip('tt8')">mxRectangle</a> that specifies the unscaled size of the preview.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.previewOffset" id=link10 onMouseOver="ShowTip(event, 'tt9', 'link10')" onMouseOut="HideTip('tt9')">previewOffset</a></td><td class=SDescription>Optional <a href="mxPoint-js.html#mxPoint" class=LClass id=link11 onMouseOver="ShowTip(event, 'tt5', 'link11')" onMouseOut="HideTip('tt5')">mxPoint</a> that specifies the offset of the preview in pixels.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.enabled" id=link12 onMouseOver="ShowTip(event, 'tt10', 'link12')" onMouseOut="HideTip('tt10')">enabled</a></td><td class=SDescription>Specifies if this drag source is enabled. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.currentGraph" id=link13 onMouseOver="ShowTip(event, 'tt11', 'link13')" onMouseOut="HideTip('tt11')">currentGraph</a></td><td class=SDescription>Reference to the <a href="../view/mxGraph-js.html#mxGraph" class=LClass id=link14 onMouseOver="ShowTip(event, 'tt12', 'link14')" onMouseOut="HideTip('tt12')">mxGraph</a> that is the current drop target.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.currentDropTarget" id=link15 onMouseOver="ShowTip(event, 'tt13', 'link15')" onMouseOut="HideTip('tt13')">currentDropTarget</a></td><td class=SDescription>Holds the current drop target under the mouse.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.currentPoint" id=link16 onMouseOver="ShowTip(event, 'tt14', 'link16')" onMouseOut="HideTip('tt14')">currentPoint</a></td><td class=SDescription>Holds the current drop location.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.currentGuide" id=link17 onMouseOver="ShowTip(event, 'tt15', 'link17')" onMouseOut="HideTip('tt15')">currentGuide</a></td><td class=SDescription>Holds an <a href="mxGuide-js.html#mxGuide" class=LClass id=link18 onMouseOver="ShowTip(event, 'tt16', 'link18')" onMouseOut="HideTip('tt16')">mxGuide</a> for the <a href="#mxDragSource.currentGraph" class=LVariable id=link19 onMouseOver="ShowTip(event, 'tt11', 'link19')" onMouseOut="HideTip('tt11')">currentGraph</a> if &lt;dragPreview&gt; is not null.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.currentGuide" >currentGuide</a></td><td class=SDescription>Holds an <a href="mxGuide-js.html#mxGuide" class=LClass id=link20 onMouseOver="ShowTip(event, 'tt16', 'link20')" onMouseOut="HideTip('tt16')">mxGuide</a> for the <a href="#mxDragSource.currentGraph" class=LVariable id=link21 onMouseOver="ShowTip(event, 'tt11', 'link21')" onMouseOut="HideTip('tt11')">currentGraph</a> if &lt;dragPreview&gt; is not null.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.autoscroll" id=link22 onMouseOver="ShowTip(event, 'tt17', 'link22')" onMouseOut="HideTip('tt17')">autoscroll</a></td><td class=SDescription>Specifies if the graph should scroll automatically. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.guidesEnabled" id=link23 onMouseOver="ShowTip(event, 'tt18', 'link23')" onMouseOut="HideTip('tt18')">guidesEnabled</a></td><td class=SDescription>Specifies if <a href="mxGuide-js.html#mxGuide" class=LClass id=link24 onMouseOver="ShowTip(event, 'tt16', 'link24')" onMouseOut="HideTip('tt16')">mxGuide</a> should be enabled. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.gridEnabled" id=link25 onMouseOver="ShowTip(event, 'tt19', 'link25')" onMouseOut="HideTip('tt19')">gridEnabled</a></td><td class=SDescription>Specifies if the grid should be allowed. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.highlightDropTargets" id=link26 onMouseOver="ShowTip(event, 'tt20', 'link26')" onMouseOut="HideTip('tt20')">highlightDropTargets</a></td><td class=SDescription>Specifies if drop targets should be highlighted. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.dragElementZIndex" id=link27 onMouseOver="ShowTip(event, 'tt21', 'link27')" onMouseOut="HideTip('tt21')">dragElementZIndex</a></td><td class=SDescription>ZIndex for the drag element. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.dragElementOpacity" id=link28 onMouseOver="ShowTip(event, 'tt22', 'link28')" onMouseOut="HideTip('tt22')">dragElementOpacity</a></td><td class=SDescription>Opacity of the drag element in %. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.checkEventSource" id=link29 onMouseOver="ShowTip(event, 'tt23', 'link29')" onMouseOut="HideTip('tt23')">checkEventSource</a></td><td class=SDescription>Whether the event source should be checked in &lt;graphContainerEvent&gt;. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxDragSource.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.isEnabled" id=link30 onMouseOver="ShowTip(event, 'tt24', 'link30')" onMouseOut="HideTip('tt24')">isEnabled</a></td><td class=SDescription>Returns <a href="#mxDragSource.enabled" class=LVariable id=link31 onMouseOver="ShowTip(event, 'tt10', 'link31')" onMouseOut="HideTip('tt10')">enabled</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.setEnabled" id=link32 onMouseOver="ShowTip(event, 'tt25', 'link32')" onMouseOut="HideTip('tt25')">setEnabled</a></td><td class=SDescription>Sets <a href="#mxDragSource.enabled" class=LVariable id=link33 onMouseOver="ShowTip(event, 'tt10', 'link33')" onMouseOut="HideTip('tt10')">enabled</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.isGuidesEnabled" id=link34 onMouseOver="ShowTip(event, 'tt26', 'link34')" onMouseOut="HideTip('tt26')">isGuidesEnabled</a></td><td class=SDescription>Returns <a href="#mxDragSource.guidesEnabled" class=LVariable id=link35 onMouseOver="ShowTip(event, 'tt18', 'link35')" onMouseOut="HideTip('tt18')">guidesEnabled</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.setGuidesEnabled" id=link36 onMouseOver="ShowTip(event, 'tt27', 'link36')" onMouseOut="HideTip('tt27')">setGuidesEnabled</a></td><td class=SDescription>Sets <a href="#mxDragSource.guidesEnabled" class=LVariable id=link37 onMouseOver="ShowTip(event, 'tt18', 'link37')" onMouseOut="HideTip('tt18')">guidesEnabled</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.isGridEnabled" id=link38 onMouseOver="ShowTip(event, 'tt28', 'link38')" onMouseOut="HideTip('tt28')">isGridEnabled</a></td><td class=SDescription>Returns <a href="#mxDragSource.gridEnabled" class=LVariable id=link39 onMouseOver="ShowTip(event, 'tt19', 'link39')" onMouseOut="HideTip('tt19')">gridEnabled</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.setGridEnabled" id=link40 onMouseOver="ShowTip(event, 'tt29', 'link40')" onMouseOut="HideTip('tt29')">setGridEnabled</a></td><td class=SDescription>Sets <a href="#mxDragSource.gridEnabled" class=LVariable id=link41 onMouseOver="ShowTip(event, 'tt19', 'link41')" onMouseOut="HideTip('tt19')">gridEnabled</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.getGraphForEvent" id=link42 onMouseOver="ShowTip(event, 'tt30', 'link42')" onMouseOut="HideTip('tt30')">getGraphForEvent</a></td><td class=SDescription>Returns the graph for the given mouse event. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.getDropTarget" id=link43 onMouseOver="ShowTip(event, 'tt31', 'link43')" onMouseOut="HideTip('tt31')">getDropTarget</a></td><td class=SDescription>Returns the drop target for the given graph and coordinates. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.createDragElement" id=link44 onMouseOver="ShowTip(event, 'tt32', 'link44')" onMouseOut="HideTip('tt32')">createDragElement</a></td><td class=SDescription>Creates and returns a clone of the &lt;dragElementPrototype&gt; or the <a href="#mxDragSource.element" class=LVariable id=link45 onMouseOver="ShowTip(event, 'tt2', 'link45')" onMouseOut="HideTip('tt2')">element</a> if the former is not defined.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.createPreviewElement" id=link46 onMouseOver="ShowTip(event, 'tt33', 'link46')" onMouseOut="HideTip('tt33')">createPreviewElement</a></td><td class=SDescription>Creates and returns an element which can be used as a preview in the given graph.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.isActive" id=link47 onMouseOver="ShowTip(event, 'tt34', 'link47')" onMouseOut="HideTip('tt34')">isActive</a></td><td class=SDescription>Returns true if this drag source is active.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.reset" id=link48 onMouseOver="ShowTip(event, 'tt35', 'link48')" onMouseOut="HideTip('tt35')">reset</a></td><td class=SDescription>Stops and removes everything and restores the state of the object.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.mouseDown" id=link49 onMouseOver="ShowTip(event, 'tt36', 'link49')" onMouseOut="HideTip('tt36')">mouseDown</a></td><td class=SDescription>Returns the drop target for the given graph and coordinates. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.startDrag" id=link50 onMouseOver="ShowTip(event, 'tt37', 'link50')" onMouseOut="HideTip('tt37')">startDrag</a></td><td class=SDescription>Creates the <a href="#mxDragSource.dragElement" class=LVariable id=link51 onMouseOver="ShowTip(event, 'tt6', 'link51')" onMouseOut="HideTip('tt6')">dragElement</a> using <a href="#mxDragSource.createDragElement" class=LFunction id=link52 onMouseOver="ShowTip(event, 'tt32', 'link52')" onMouseOut="HideTip('tt32')">createDragElement</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.stopDrag" id=link53 onMouseOver="ShowTip(event, 'tt38', 'link53')" onMouseOut="HideTip('tt38')">stopDrag</a></td><td class=SDescription>Invokes <a href="#mxDragSource.removeDragElement" class=LFunction id=link54 onMouseOver="ShowTip(event, 'tt39', 'link54')" onMouseOut="HideTip('tt39')">removeDragElement</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.removeDragElement" id=link55 onMouseOver="ShowTip(event, 'tt39', 'link55')" onMouseOut="HideTip('tt39')">removeDragElement</a></td><td class=SDescription>Removes and destroys the <a href="#mxDragSource.dragElement" class=LVariable id=link56 onMouseOver="ShowTip(event, 'tt6', 'link56')" onMouseOut="HideTip('tt6')">dragElement</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.getElementForEvent" id=link57 onMouseOver="ShowTip(event, 'tt40', 'link57')" onMouseOut="HideTip('tt40')">getElementForEvent</a></td><td class=SDescription>Returns the topmost element under the given event.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.graphContainsEvent" id=link58 onMouseOver="ShowTip(event, 'tt41', 'link58')" onMouseOut="HideTip('tt41')">graphContainsEvent</a></td><td class=SDescription>Returns true if the given graph contains the given event.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.mouseMove" id=link59 onMouseOver="ShowTip(event, 'tt42', 'link59')" onMouseOut="HideTip('tt42')">mouseMove</a></td><td class=SDescription>Gets the graph for the given event using <a href="#mxDragSource.getGraphForEvent" class=LFunction id=link60 onMouseOver="ShowTip(event, 'tt30', 'link60')" onMouseOut="HideTip('tt30')">getGraphForEvent</a>, updates the <a href="#mxDragSource.currentGraph" class=LVariable id=link61 onMouseOver="ShowTip(event, 'tt11', 'link61')" onMouseOut="HideTip('tt11')">currentGraph</a>, calling <a href="#mxDragSource.dragEnter" class=LFunction id=link62 onMouseOver="ShowTip(event, 'tt43', 'link62')" onMouseOut="HideTip('tt43')">dragEnter</a> and <a href="#mxDragSource.dragExit" class=LFunction id=link63 onMouseOver="ShowTip(event, 'tt44', 'link63')" onMouseOut="HideTip('tt44')">dragExit</a> on the new and old graph, respectively, and invokes <a href="#mxDragSource.dragOver" class=LFunction id=link64 onMouseOver="ShowTip(event, 'tt45', 'link64')" onMouseOut="HideTip('tt45')">dragOver</a> if <a href="#mxDragSource.currentGraph" class=LVariable id=link65 onMouseOver="ShowTip(event, 'tt11', 'link65')" onMouseOut="HideTip('tt11')">currentGraph</a> is not null.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.mouseUp" id=link66 onMouseOver="ShowTip(event, 'tt46', 'link66')" onMouseOut="HideTip('tt46')">mouseUp</a></td><td class=SDescription>Processes the mouse up event and invokes <a href="#mxDragSource.drop" class=LFunction id=link67 onMouseOver="ShowTip(event, 'tt47', 'link67')" onMouseOut="HideTip('tt47')">drop</a>, <a href="#mxDragSource.dragExit" class=LFunction id=link68 onMouseOver="ShowTip(event, 'tt44', 'link68')" onMouseOut="HideTip('tt44')">dragExit</a> and <a href="#mxDragSource.stopDrag" class=LFunction id=link69 onMouseOver="ShowTip(event, 'tt38', 'link69')" onMouseOut="HideTip('tt38')">stopDrag</a> as required.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.removeListeners" id=link70 onMouseOver="ShowTip(event, 'tt48', 'link70')" onMouseOut="HideTip('tt48')">removeListeners</a></td><td class=SDescription>Actives the given graph as a drop target.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.dragEnter" id=link71 onMouseOver="ShowTip(event, 'tt43', 'link71')" onMouseOut="HideTip('tt43')">dragEnter</a></td><td class=SDescription>Actives the given graph as a drop target.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.dragExit" id=link72 onMouseOver="ShowTip(event, 'tt44', 'link72')" onMouseOut="HideTip('tt44')">dragExit</a></td><td class=SDescription>Deactivates the given graph as a drop target.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.dragOver" id=link73 onMouseOver="ShowTip(event, 'tt45', 'link73')" onMouseOut="HideTip('tt45')">dragOver</a></td><td class=SDescription>Implements autoscroll, updates the <a href="#mxDragSource.currentPoint" class=LVariable id=link74 onMouseOver="ShowTip(event, 'tt14', 'link74')" onMouseOut="HideTip('tt14')">currentPoint</a>, highlights any drop targets and updates the preview.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.drop" id=link75 onMouseOver="ShowTip(event, 'tt47', 'link75')" onMouseOut="HideTip('tt47')">drop</a></td><td class=SDescription>Returns the drop target for the given graph and coordinates. </td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.Functions"></a>Functions</h3></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.mxDragSource"></a>mxDragSource</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>function mxDragSource(</td><td class="PParameter  prettyprint " nowrap>element,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>dropHandler</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new drag source for the given element.</p></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.Variables"></a>Variables</h3></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.element"></a>element</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.element</td></tr></table></blockquote><p>Reference to the DOM node which was made draggable.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dropHandler"></a>dropHandler</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dropHandler</td></tr></table></blockquote><p>Holds the DOM node that is used to represent the drag preview.&nbsp; If this is null then the source element will be cloned and used for the drag preview.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragOffset"></a>dragOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragOffset</td></tr></table></blockquote><p><a href="mxPoint-js.html#mxPoint" class=LClass id=link76 onMouseOver="ShowTip(event, 'tt5', 'link76')" onMouseOut="HideTip('tt5')">mxPoint</a> that specifies the offset of the <a href="#mxDragSource.dragElement" class=LVariable id=link77 onMouseOver="ShowTip(event, 'tt6', 'link77')" onMouseOut="HideTip('tt6')">dragElement</a>.&nbsp; Default is null.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragElement"></a>dragElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElement</td></tr></table></blockquote><p>Holds the DOM node that is used to represent the drag preview.&nbsp; If this is null then the source element will be cloned and used for the drag preview.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.previewElement"></a>previewElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.previewElement</td></tr></table></blockquote><p>Optional <a href="mxRectangle-js.html#mxRectangle" class=LClass id=link78 onMouseOver="ShowTip(event, 'tt8', 'link78')" onMouseOut="HideTip('tt8')">mxRectangle</a> that specifies the unscaled size of the preview.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.previewOffset"></a>previewOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.previewOffset</td></tr></table></blockquote><p>Optional <a href="mxPoint-js.html#mxPoint" class=LClass id=link79 onMouseOver="ShowTip(event, 'tt5', 'link79')" onMouseOut="HideTip('tt5')">mxPoint</a> that specifies the offset of the preview in pixels.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.enabled"></a>enabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.enabled</td></tr></table></blockquote><p>Specifies if this drag source is enabled.&nbsp; Default is true.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.currentGraph"></a>currentGraph</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentGraph</td></tr></table></blockquote><p>Reference to the <a href="../view/mxGraph-js.html#mxGraph" class=LClass id=link80 onMouseOver="ShowTip(event, 'tt12', 'link80')" onMouseOut="HideTip('tt12')">mxGraph</a> that is the current drop target.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.currentDropTarget"></a>currentDropTarget</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentDropTarget</td></tr></table></blockquote><p>Holds the current drop target under the mouse.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.currentPoint"></a>currentPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentPoint</td></tr></table></blockquote><p>Holds the current drop location.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.currentGuide"></a>currentGuide</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentGuide</td></tr></table></blockquote><p>Holds an <a href="mxGuide-js.html#mxGuide" class=LClass id=link81 onMouseOver="ShowTip(event, 'tt16', 'link81')" onMouseOut="HideTip('tt16')">mxGuide</a> for the <a href="#mxDragSource.currentGraph" class=LVariable id=link82 onMouseOver="ShowTip(event, 'tt11', 'link82')" onMouseOut="HideTip('tt11')">currentGraph</a> if &lt;dragPreview&gt; is not null.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.currentGuide"></a>currentGuide</h3><div class=CBody><p>Holds an <a href="mxGuide-js.html#mxGuide" class=LClass id=link83 onMouseOver="ShowTip(event, 'tt16', 'link83')" onMouseOut="HideTip('tt16')">mxGuide</a> for the <a href="#mxDragSource.currentGraph" class=LVariable id=link84 onMouseOver="ShowTip(event, 'tt11', 'link84')" onMouseOut="HideTip('tt11')">currentGraph</a> if &lt;dragPreview&gt; is not null.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.autoscroll"></a>autoscroll</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.autoscroll</td></tr></table></blockquote><p>Specifies if the graph should scroll automatically.&nbsp; Default is true.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.guidesEnabled"></a>guidesEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.guidesEnabled</td></tr></table></blockquote><p>Specifies if <a href="mxGuide-js.html#mxGuide" class=LClass id=link85 onMouseOver="ShowTip(event, 'tt16', 'link85')" onMouseOut="HideTip('tt16')">mxGuide</a> should be enabled.&nbsp; Default is true.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.gridEnabled"></a>gridEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.gridEnabled</td></tr></table></blockquote><p>Specifies if the grid should be allowed.&nbsp; Default is true.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.highlightDropTargets"></a>highlightDropTargets</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.highlightDropTargets</td></tr></table></blockquote><p>Specifies if drop targets should be highlighted.&nbsp; Default is true.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragElementZIndex"></a>dragElementZIndex</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElementZIndex</td></tr></table></blockquote><p>ZIndex for the drag element.&nbsp; Default is 100.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragElementOpacity"></a>dragElementOpacity</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElementOpacity</td></tr></table></blockquote><p>Opacity of the drag element in %.&nbsp; Default is 70.</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.checkEventSource"></a>checkEventSource</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.checkEventSource</td></tr></table></blockquote><p>Whether the event source should be checked in &lt;graphContainerEvent&gt;.&nbsp; Default is true.</p></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.Functions"></a>Functions</h3></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.isEnabled"></a>isEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isEnabled = function()</td></tr></table></blockquote><p>Returns <a href="#mxDragSource.enabled" class=LVariable id=link86 onMouseOver="ShowTip(event, 'tt10', 'link86')" onMouseOut="HideTip('tt10')">enabled</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.setEnabled"></a>setEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.setEnabled = function(</td><td class="PParameter  prettyprint " nowrap>value</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxDragSource.enabled" class=LVariable id=link87 onMouseOver="ShowTip(event, 'tt10', 'link87')" onMouseOut="HideTip('tt10')">enabled</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.isGuidesEnabled"></a>isGuidesEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isGuidesEnabled = function()</td></tr></table></blockquote><p>Returns <a href="#mxDragSource.guidesEnabled" class=LVariable id=link88 onMouseOver="ShowTip(event, 'tt18', 'link88')" onMouseOut="HideTip('tt18')">guidesEnabled</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.setGuidesEnabled"></a>setGuidesEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.setGuidesEnabled = function(</td><td class="PParameter  prettyprint " nowrap>value</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxDragSource.guidesEnabled" class=LVariable id=link89 onMouseOver="ShowTip(event, 'tt18', 'link89')" onMouseOut="HideTip('tt18')">guidesEnabled</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.isGridEnabled"></a>isGridEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isGridEnabled = function()</td></tr></table></blockquote><p>Returns <a href="#mxDragSource.gridEnabled" class=LVariable id=link90 onMouseOver="ShowTip(event, 'tt19', 'link90')" onMouseOut="HideTip('tt19')">gridEnabled</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.setGridEnabled"></a>setGridEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.setGridEnabled = function(</td><td class="PParameter  prettyprint " nowrap>value</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxDragSource.gridEnabled" class=LVariable id=link91 onMouseOver="ShowTip(event, 'tt19', 'link91')" onMouseOut="HideTip('tt19')">gridEnabled</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.getGraphForEvent"></a>getGraphForEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.getGraphForEvent = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the graph for the given mouse event.&nbsp; This implementation returns null.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.getDropTarget"></a>getDropTarget</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.getDropTarget = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the drop target for the given graph and coordinates.&nbsp; This implementation uses <a href="../view/mxGraph-js.html#mxGraph.getCellAt" class=LFunction id=link92 onMouseOver="ShowTip(event, 'tt49', 'link92')" onMouseOut="HideTip('tt49')">mxGraph.getCellAt</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.createDragElement"></a>createDragElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.createDragElement = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns a clone of the &lt;dragElementPrototype&gt; or the <a href="#mxDragSource.element" class=LVariable id=link93 onMouseOver="ShowTip(event, 'tt2', 'link93')" onMouseOut="HideTip('tt2')">element</a> if the former is not defined.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.createPreviewElement"></a>createPreviewElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.createPreviewElement = function(</td><td class="PParameter  prettyprint " nowrap>graph</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns an element which can be used as a preview in the given graph.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.isActive"></a>isActive</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isActive = function()</td></tr></table></blockquote><p>Returns true if this drag source is active.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.reset"></a>reset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.reset = function()</td></tr></table></blockquote><p>Stops and removes everything and restores the state of the object.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.mouseDown"></a>mouseDown</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.mouseDown = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the drop target for the given graph and coordinates.&nbsp; This implementation uses <a href="../view/mxGraph-js.html#mxGraph.getCellAt" class=LFunction id=link94 onMouseOver="ShowTip(event, 'tt49', 'link94')" onMouseOut="HideTip('tt49')">mxGraph.getCellAt</a>.</p><p>To ignore popup menu events for a drag source, this function can be overridden as follows.</p><blockquote><pre class="prettyprint">var mouseDown = dragSource.mouseDown;

dragSource.mouseDown = function(evt)
{
  if (!mxEvent.isPopupTrigger(evt))
  {
    mouseDown.apply(this, arguments);
  }
};</pre></blockquote></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.startDrag"></a>startDrag</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.startDrag = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the <a href="#mxDragSource.dragElement" class=LVariable id=link95 onMouseOver="ShowTip(event, 'tt6', 'link95')" onMouseOut="HideTip('tt6')">dragElement</a> using <a href="#mxDragSource.createDragElement" class=LFunction id=link96 onMouseOver="ShowTip(event, 'tt32', 'link96')" onMouseOut="HideTip('tt32')">createDragElement</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.stopDrag"></a>stopDrag</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.stopDrag = function()</td></tr></table></blockquote><p>Invokes <a href="#mxDragSource.removeDragElement" class=LFunction id=link97 onMouseOver="ShowTip(event, 'tt39', 'link97')" onMouseOut="HideTip('tt39')">removeDragElement</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.removeDragElement"></a>removeDragElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.removeDragElement = function()</td></tr></table></blockquote><p>Removes and destroys the <a href="#mxDragSource.dragElement" class=LVariable id=link98 onMouseOver="ShowTip(event, 'tt6', 'link98')" onMouseOut="HideTip('tt6')">dragElement</a>.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.getElementForEvent"></a>getElementForEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.getElementForEvent = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the topmost element under the given event.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.graphContainsEvent"></a>graphContainsEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.graphContainsEvent = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given graph contains the given event.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.mouseMove"></a>mouseMove</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.mouseMove = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Gets the graph for the given event using <a href="#mxDragSource.getGraphForEvent" class=LFunction id=link99 onMouseOver="ShowTip(event, 'tt30', 'link99')" onMouseOut="HideTip('tt30')">getGraphForEvent</a>, updates the <a href="#mxDragSource.currentGraph" class=LVariable id=link100 onMouseOver="ShowTip(event, 'tt11', 'link100')" onMouseOut="HideTip('tt11')">currentGraph</a>, calling <a href="#mxDragSource.dragEnter" class=LFunction id=link101 onMouseOver="ShowTip(event, 'tt43', 'link101')" onMouseOut="HideTip('tt43')">dragEnter</a> and <a href="#mxDragSource.dragExit" class=LFunction id=link102 onMouseOver="ShowTip(event, 'tt44', 'link102')" onMouseOut="HideTip('tt44')">dragExit</a> on the new and old graph, respectively, and invokes <a href="#mxDragSource.dragOver" class=LFunction id=link103 onMouseOver="ShowTip(event, 'tt45', 'link103')" onMouseOut="HideTip('tt45')">dragOver</a> if <a href="#mxDragSource.currentGraph" class=LVariable id=link104 onMouseOver="ShowTip(event, 'tt11', 'link104')" onMouseOut="HideTip('tt11')">currentGraph</a> is not null.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.mouseUp"></a>mouseUp</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.mouseUp = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Processes the mouse up event and invokes <a href="#mxDragSource.drop" class=LFunction id=link105 onMouseOver="ShowTip(event, 'tt47', 'link105')" onMouseOut="HideTip('tt47')">drop</a>, <a href="#mxDragSource.dragExit" class=LFunction id=link106 onMouseOver="ShowTip(event, 'tt44', 'link106')" onMouseOut="HideTip('tt44')">dragExit</a> and <a href="#mxDragSource.stopDrag" class=LFunction id=link107 onMouseOver="ShowTip(event, 'tt38', 'link107')" onMouseOut="HideTip('tt38')">stopDrag</a> as required.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.removeListeners"></a>removeListeners</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.removeListeners = function()</td></tr></table></blockquote><p>Actives the given graph as a drop target.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragEnter"></a>dragEnter</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.dragEnter = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Actives the given graph as a drop target.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragExit"></a>dragExit</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.dragExit = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Deactivates the given graph as a drop target.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragOver"></a>dragOver</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.dragOver = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Implements autoscroll, updates the <a href="#mxDragSource.currentPoint" class=LVariable id=link108 onMouseOver="ShowTip(event, 'tt14', 'link108')" onMouseOut="HideTip('tt14')">currentPoint</a>, highlights any drop targets and updates the preview.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.drop"></a>drop</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.drop = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>dropTarget,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the drop target for the given graph and coordinates.&nbsp; This implementation uses <a href="../view/mxGraph-js.html#mxGraph.getCellAt" class=LFunction id=link109 onMouseOver="ShowTip(event, 'tt49', 'link109')" onMouseOut="HideTip('tt49')">mxGraph.getCellAt</a>.</p></div></div></div>

</div><!--Content-->


<div id=Footer><a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->


<div id=Menu><div class=MEntry><div class=MFile><a href="../index-txt.html">API Specification</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Editor</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="../editor/mxDefaultKeyHandler-js.html">mxDefaultKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultPopupMenu-js.html">mxDefaultPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultToolbar-js.html">mxDefaultToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxEditor-js.html">mxEditor</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Handler</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile><a href="../handler/mxCellHighlight-js.html">mxCellHighlight</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellMarker-js.html">mxCellMarker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellTracker-js.html">mxCellTracker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConnectionHandler-js.html">mxConnectionHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConstraintHandler-js.html">mxConstraintHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeHandler-js.html">mxEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeSegmentHandler-js.html">mxEdgeSegmentHandler.js</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxElbowEdgeHandler-js.html">mxElbowEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxGraphHandler-js.html">mxGraphHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxHandle-js.html">mxHandle</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxKeyHandler-js.html">mxKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPanningHandler-js.html">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPopupMenuHandler-js.html">mxPopupMenuHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxRubberband-js.html">mxRubberband</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxSelectionCellsHandler-js.html">mxSelectionCellsHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxTooltipHandler-js.html">mxTooltipHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxVertexHandler-js.html">mxVertexHandler</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Io</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="../io/mxCellCodec-js.html">mxCellCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxChildChangeCodec-js.html">mxChildChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodec-js.html">mxCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodecRegistry-js.html">mxCodecRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultKeyHandlerCodec-js.html">mxDefaultKeyHandlerCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultPopupMenuCodec-js.html">mxDefaultPopupMenuCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultToolbarCodec-js.html">mxDefaultToolbarCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxEditorCodec-js.html">mxEditorCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGenericChangeCodec-js.html">mxGenericChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphCodec-js.html">mxGraphCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphViewCodec-js.html">mxGraphViewCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxModelCodec-js.html">mxModelCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxObjectCodec-js.html">mxObjectCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxRootChangeCodec-js.html">mxRootChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxStylesheetCodec-js.html">mxStylesheetCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxTerminalChangeCodec-js.html">mxTerminalChangeCodec</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent7')">Layout</a><div class=MGroupContent id=MGroupContent7><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent6')">Hierarchical</a><div class=MGroupContent id=MGroupContent6><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">Model</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphAbstractHierarchyCell-js.html">mxGraphAbstractHierarchyCell</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyEdge-js.html">mxGraphHierarchyEdge</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyModel-js.html">mxGraphHierarchyModel</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyNode-js.html">mxGraphHierarchyNode</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxSwimlaneModel-js.html">mxSwimlaneModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxHierarchicalLayout-js.html">mxHierarchicalLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxSwimlaneLayout-js.html">mxSwimlaneLayout</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Stage</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxCoordinateAssignment-js.html">mxCoordinateAssignment</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxHierarchicalLayoutStage-js.html">mxHierarchicalLayoutStage</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMedianHybridCrossingReduction-js.html">mxMedianHybridCrossingReduction</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMinimumCycleRemover-js.html">mxMinimumCycleRemover</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxSwimlaneOrdering-js.html">mxSwimlaneOrdering</a></div></div></div></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCircleLayout-js.html">mxCircleLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompactTreeLayout-js.html">mxCompactTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompositeLayout-js.html">mxCompositeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxEdgeLabelLayout-js.html">mxEdgeLabelLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxFastOrganicLayout-js.html">mxFastOrganicLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxGraphLayout-js.html">mxGraphLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxParallelEdgeLayout-js.html">mxParallelEdgeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxPartitionLayout-js.html">mxPartitionLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxRadialTreeLayout-js.html">mxRadialTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxStackLayout-js.html">mxStackLayout</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent8')">Model</a><div class=MGroupContent id=MGroupContent8><div class=MEntry><div class=MFile><a href="../model/mxCell-js.html">mxCell</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxCellPath-js.html">mxCellPath</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGeometry-js.html">mxGeometry</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGraphModel-js.html">mxGraphModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../mxClient-js.html">mxClient</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent9')">Shape</a><div class=MGroupContent id=MGroupContent9><div class=MEntry><div class=MFile><a href="../shape/mxActor-js.html">mxActor</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxArrow-js.html">mxArrow</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxArrowConnector-js.html">mxArrowConnector</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxCloud-js.html">mxCloud</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxConnector-js.html">mxConnector</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxCylinder-js.html">mxCylinder</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxDoubleEllipse-js.html">mxDoubleEllipse</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxEllipse-js.html">mxEllipse</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxHexagon-js.html">mxHexagon</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxImageShape-js.html">mxImageShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxLabel-js.html">mxLabel</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxLine-js.html">mxLine</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxMarker-js.html">mxMarker</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxPolyline-js.html">mxPolyline</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxRectangleShape-js.html">mxRectangleShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxRhombus-js.html">mxRhombus</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxShape-js.html">mxShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxStencil-js.html">mxStencil</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxStencilRegistry-js.html">mxStencilRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxSwimlane-js.html">mxSwimlane</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxText-js.html">mxText</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxTriangle-js.html">mxTriangle</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent10')">Util</a><div class=MGroupContent id=MGroupContent10><div class=MEntry><div class=MFile><a href="mxAbstractCanvas2D-js.html">mxAbstractCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="mxAnimation-js.html">mxAnimation</a></div></div><div class=MEntry><div class=MFile><a href="mxAutoSaveManager-js.html">mxAutoSaveManager</a></div></div><div class=MEntry><div class=MFile><a href="mxClipboard-js.html">mxClipboard</a></div></div><div class=MEntry><div class=MFile><a href="mxConstants-js.html">mxConstants</a></div></div><div class=MEntry><div class=MFile><a href="mxDictionary-js.html">mxDictionary</a></div></div><div class=MEntry><div class=MFile><a href="mxDivResizer-js.html">mxDivResizer</a></div></div><div class=MEntry><div class=MFile id=MSelected>mxDragSource</div></div><div class=MEntry><div class=MFile><a href="mxEffects-js.html">mxEffects</a></div></div><div class=MEntry><div class=MFile><a href="mxEvent-js.html">mxEvent</a></div></div><div class=MEntry><div class=MFile><a href="mxEventObject-js.html">mxEventObject</a></div></div><div class=MEntry><div class=MFile><a href="mxEventSource-js.html">mxEventSource</a></div></div><div class=MEntry><div class=MFile><a href="mxForm-js.html">mxForm</a></div></div><div class=MEntry><div class=MFile><a href="mxGuide-js.html">mxGuide</a></div></div><div class=MEntry><div class=MFile><a href="mxImage-js.html">mxImage</a></div></div><div class=MEntry><div class=MFile><a href="mxImageBundle-js.html">mxImageBundle</a></div></div><div class=MEntry><div class=MFile><a href="mxImageExport-js.html">mxImageExport</a></div></div><div class=MEntry><div class=MFile><a href="mxLog-js.html">mxLog</a></div></div><div class=MEntry><div class=MFile><a href="mxMorphing-js.html">mxMorphing</a></div></div><div class=MEntry><div class=MFile><a href="mxMouseEvent-js.html">mxMouseEvent</a></div></div><div class=MEntry><div class=MFile><a href="mxObjectIdentity-js.html">mxObjectIdentity</a></div></div><div class=MEntry><div class=MFile><a href="mxPanningManager-js.html">mxPanningManager</a></div></div><div class=MEntry><div class=MFile><a href="mxPoint-js.html">mxPoint</a></div></div><div class=MEntry><div class=MFile><a href="mxPopupMenu-js.html">mxPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="mxRectangle-js.html">mxRectangle</a></div></div><div class=MEntry><div class=MFile><a href="mxResources-js.html">mxResources</a></div></div><div class=MEntry><div class=MFile><a href="mxSvgCanvas2D-js.html">mxSvgCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="mxToolbar-js.html">mxToolbar</a></div></div><div class=MEntry><div class=MFile><a href="mxUndoableEdit-js.html">mxUndoableEdit</a></div></div><div class=MEntry><div class=MFile><a href="mxUndoManager-js.html">mxUndoManager</a></div></div><div class=MEntry><div class=MFile><a href="mxUrlConverter-js.html">mxUrlConverter</a></div></div><div class=MEntry><div class=MFile><a href="mxUtils-js.html">mxUtils</a></div></div><div class=MEntry><div class=MFile><a href="mxVmlCanvas2D-js.html">mxVmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="mxWindow-js.html">mxWindow</a></div></div><div class=MEntry><div class=MFile><a href="mxXmlCanvas2D-js.html">mxXmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="mxXmlRequest-js.html">mxXmlRequest</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent11')">View</a><div class=MGroupContent id=MGroupContent11><div class=MEntry><div class=MFile><a href="../view/mxCellEditor-js.html">mxCellEditor</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellOverlay-js.html">mxCellOverlay</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellRenderer-js.html">mxCellRenderer</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellState-js.html">mxCellState</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellStatePreview-js.html">mxCellStatePreview</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxConnectionConstraint-js.html">mxConnectionConstraint</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxEdgeStyle-js.html">mxEdgeStyle</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraph-js.html">mxGraph</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraphSelectionModel-js.html">mxGraphSelectionModel</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraphView-js.html">mxGraphView</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxLayoutManager-js.html">mxLayoutManager</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxMultiplicity-js.html">mxMultiplicity</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxOutline-js.html">mxOutline</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxPerimeter-js.html">mxPerimeter</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxPrintPreview-js.html">mxPrintPreview</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxStyleRegistry-js.html">mxStyleRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxStylesheet-js.html">mxStylesheet</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxSwimlaneManager-js.html">mxSwimlaneManager</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxTemporaryCellStates-js.html">mxTemporaryCellStates</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent12')">Index</a><div class=MGroupContent id=MGroupContent12><div class=MEntry><div class=MIndex><a href="../../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Cookies.html">Cookies</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Events.html">Events</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Files.html">Files</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Variables.html">Variables</a></div></div></div></div></div><script type="text/javascript"><!--
var searchPanel = new SearchPanel("searchPanel", "HTML", "../../search");
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option  id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Cookies">Cookies</option><option value="Events">Events</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Variables">Variables</option></select></div><script language=JavaScript><!--
HideAllBut([10], 13);// --></script></div><!--Menu-->



<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>function mxDragSource(</td><td class="PParameter  prettyprint " nowrap>element,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>dropHandler</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new drag source for the given element.</div></div><div class=CToolTip id="tt2"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.element</td></tr></table></blockquote>Reference to the DOM node which was made draggable.</div></div><div class=CToolTip id="tt3"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dropHandler</td></tr></table></blockquote>Holds the DOM node that is used to represent the drag preview. </div></div><div class=CToolTip id="tt4"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragOffset</td></tr></table></blockquote>mxPoint that specifies the offset of the dragElement. </div></div><div class=CToolTip id="tt5"><div class=CClass>Implements a 2-dimensional vector with double precision coordinates.</div></div><div class=CToolTip id="tt6"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElement</td></tr></table></blockquote>Holds the DOM node that is used to represent the drag preview. </div></div><div class=CToolTip id="tt7"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.previewElement</td></tr></table></blockquote>Optional mxRectangle that specifies the unscaled size of the preview.</div></div><div class=CToolTip id="tt8"><div class=CClass>Extends mxPoint to implement a 2-dimensional rectangle with double precision coordinates.</div></div><div class=CToolTip id="tt9"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.previewOffset</td></tr></table></blockquote>Optional mxPoint that specifies the offset of the preview in pixels.</div></div><div class=CToolTip id="tt10"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.enabled</td></tr></table></blockquote>Specifies if this drag source is enabled. </div></div><div class=CToolTip id="tt11"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentGraph</td></tr></table></blockquote>Reference to the mxGraph that is the current drop target.</div></div><div class=CToolTip id="tt12"><div class=CClass>Extends mxEventSource to implement a graph component for the browser. </div></div><div class=CToolTip id="tt13"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentDropTarget</td></tr></table></blockquote>Holds the current drop target under the mouse.</div></div><div class=CToolTip id="tt14"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentPoint</td></tr></table></blockquote>Holds the current drop location.</div></div><div class=CToolTip id="tt15"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentGuide</td></tr></table></blockquote>Holds an mxGuide for the currentGraph if dragPreview is not null.</div></div><div class=CToolTip id="tt16"><div class=CClass>Implements the alignment of selection cells to other cells in the graph.</div></div><div class=CToolTip id="tt17"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.autoscroll</td></tr></table></blockquote>Specifies if the graph should scroll automatically. </div></div><div class=CToolTip id="tt18"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.guidesEnabled</td></tr></table></blockquote>Specifies if mxGuide should be enabled. </div></div><div class=CToolTip id="tt19"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.gridEnabled</td></tr></table></blockquote>Specifies if the grid should be allowed. </div></div><div class=CToolTip id="tt20"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.highlightDropTargets</td></tr></table></blockquote>Specifies if drop targets should be highlighted. </div></div><div class=CToolTip id="tt21"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElementZIndex</td></tr></table></blockquote>ZIndex for the drag element. </div></div><div class=CToolTip id="tt22"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElementOpacity</td></tr></table></blockquote>Opacity of the drag element in %. </div></div><div class=CToolTip id="tt23"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.checkEventSource</td></tr></table></blockquote>Whether the event source should be checked in graphContainerEvent. </div></div><div class=CToolTip id="tt24"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isEnabled = function()</td></tr></table></blockquote>Returns enabled.</div></div><div class=CToolTip id="tt25"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.setEnabled = function(</td><td class="PParameter  prettyprint " nowrap>value</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets enabled.</div></div><div class=CToolTip id="tt26"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isGuidesEnabled = function()</td></tr></table></blockquote>Returns guidesEnabled.</div></div><div class=CToolTip id="tt27"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.setGuidesEnabled = function(</td><td class="PParameter  prettyprint " nowrap>value</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets guidesEnabled.</div></div><div class=CToolTip id="tt28"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isGridEnabled = function()</td></tr></table></blockquote>Returns gridEnabled.</div></div><div class=CToolTip id="tt29"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.setGridEnabled = function(</td><td class="PParameter  prettyprint " nowrap>value</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets gridEnabled.</div></div><div class=CToolTip id="tt30"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.getGraphForEvent = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the graph for the given mouse event. </div></div><div class=CToolTip id="tt31"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.getDropTarget = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the drop target for the given graph and coordinates. </div></div><div class=CToolTip id="tt32"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.createDragElement = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns a clone of the dragElementPrototype or the element if the former is not defined.</div></div><div class=CToolTip id="tt33"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.createPreviewElement = function(</td><td class="PParameter  prettyprint " nowrap>graph</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns an element which can be used as a preview in the given graph.</div></div><div class=CToolTip id="tt34"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isActive = function()</td></tr></table></blockquote>Returns true if this drag source is active.</div></div><div class=CToolTip id="tt35"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.reset = function()</td></tr></table></blockquote>Stops and removes everything and restores the state of the object.</div></div><div class=CToolTip id="tt36"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.mouseDown = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the drop target for the given graph and coordinates. </div></div><div class=CToolTip id="tt37"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.startDrag = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Creates the dragElement using createDragElement.</div></div><div class=CToolTip id="tt38"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.stopDrag = function()</td></tr></table></blockquote>Invokes removeDragElement.</div></div><div class=CToolTip id="tt39"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.removeDragElement = function()</td></tr></table></blockquote>Removes and destroys the dragElement.</div></div><div class=CToolTip id="tt40"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.getElementForEvent = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the topmost element under the given event.</div></div><div class=CToolTip id="tt41"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.graphContainsEvent = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns true if the given graph contains the given event.</div></div><div class=CToolTip id="tt42"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.mouseMove = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Gets the graph for the given event using getGraphForEvent, updates the currentGraph, calling dragEnter and dragExit on the new and old graph, respectively, and invokes dragOver if currentGraph is not null.</div></div><div class=CToolTip id="tt43"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.dragEnter = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Actives the given graph as a drop target.</div></div><div class=CToolTip id="tt44"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.dragExit = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Deactivates the given graph as a drop target.</div></div><div class=CToolTip id="tt45"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.dragOver = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Implements autoscroll, updates the currentPoint, highlights any drop targets and updates the preview.</div></div><div class=CToolTip id="tt46"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.mouseUp = function(</td><td class="PParameter  prettyprint " nowrap>evt</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Processes the mouse up event and invokes drop, dragExit and stopDrag as required.</div></div><div class=CToolTip id="tt47"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxDragSource.prototype.drop = function(</td><td class="PParameter  prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>evt,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>dropTarget,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the drop target for the given graph and coordinates. </div></div><div class=CToolTip id="tt48"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.removeListeners = function()</td></tr></table></blockquote>Actives the given graph as a drop target.</div></div><div class=CToolTip id="tt49"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mxGraph.prototype.getCellAt = function(</td><td class="PParameter  prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>parent,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>vertices,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>edges,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>ignoreFn</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the bottom-most cell that intersects the given point (x, y) in the cell hierarchy starting at the given parent. </div></div><!--END_ND_TOOLTIPS-->




<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>


<script language=JavaScript><!--
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>